<template>
    <div>
        <Hooks title="标题"></Hooks>
        <img id="img" width="200" height="200" src="../assets/logo.png" alt="">
    </div>
</template>

<script setup lang="ts">
//自定义Hooks ，取代 vue2 的 minix， 因为minix 会有查找引用、生命周期先后顺序、覆盖等问题
// 开源库 vueUse 就是使用的 自定义Hooks
// import Hooks from './Hooks/index.vue'
// 使用自定义hooks 写一个 图片转base64的功能
import useBase64 from '../hooks'
useBase64({el: '#img'}).then(res => {
    console.log(res.baseUrl);
    
})
</script>

<style scoped>

</style>